import React from "react";
import styles from "./index.module.less";
import { Anchor } from "antd";
const { Link } = Anchor;
const anchor = () => {
  return (
    <div className={styles.anchor}>
      <div className={styles.anchor__anchor}>
        <Anchor onClick={(e) => e.preventDefault()}>
          <Link key={"phone"} href={"#phone"} title={"手机"} />
          <Link key={"computer"} href={"#computer"} title={"电脑"} />
          <Link key={"home"} href={"#home"} title={"家居"} />
        </Anchor>
      </div>
      <div className={styles.anchor__content}>
        <div className={styles.anchor__phone} id="phone">
          {"手机"}
        </div>
        <div className={styles.anchor__computer} id="computer">
          {"电脑"}
        </div>
        <div className={styles.anchor__home} id="home">
          {"家居"}
        </div>
      </div>
    </div>
  );
};

export default anchor;
